 @media all and (min-width: 401px) {   /*当屏幕宽度大于等于1920px时*/
	body{
		width:100%;
		height: 100%;
		margin: 0;
		padding: 0;
		background-color: black;
		
		background-size:100% 100%;
		
		
	}
	#zhongkuang{
		width:800px;
		height: 100%;
		margin: 0 auto;
		padding: 0;
		background-color: #42403a;
	}
	#daohanglan{
		width:100%;
		height: 60px;
		
	}
	#juzhong{
		width:45%;
		height: 50px;
		border: 0;
		margin: 0 auto;
	}
	#logo{
		width:23px;
		height: 50px;
		background: url(../img/logo.jpg);
		float: left;
	}
	#mingzi{
		width:75px;
		height: 50px;
		font-size:15px;
		font-weight: bold;
		margin-left: 5px;
		color: #FFFFFF;
		line-height: 50px;
		border: 0;
		float: left;
	}
	#daohang{
		width:170px;
		height: 50px;
		float: left;
	}
	#faxian{
		width:33.3%;
		height: 50px;
		font-size: 13px;
		line-height: 50px;
		color: #FFFFFF;
		float: left;
	}
	#faxian:hover{
		font-size: 14px;
		color: #FF0000;
		background-color: black;
	}
	#sousuok{
		width:85px;
		height: 50px;
		border:0;
		float: left;
		display: flex;
		align-items: center;
		
	}
	
	#sousuokuang{
		width:85px;
		height: 18px;
		margin-left: 10px;
		border-radius:20px;
		border: 0;
			
	}
	
  
	            /*弹跳球球*/
	#qiu{
		width: 90%;
		height: 25px;
		border: 1px solid #42403a;
		margin-top: 10px;
		margin: 0 auto;
	}
	#tantiao{
		width: 10px;
		height: 10px;
		margin-top:22px;
		border-radius: 50%;
		background-color: #FF0000;
		border: 0;
		
		animation:qiu 5s infinite;
	}
	@keyframes qiu{
		0%{margin-top: 15px;margin-left: 30px;}
		16%{margin-top: 5px;margin-left: 60px;background-color: mediumorchid;}
		32%{margin-top: 15px;margin-left: 90px;}
		48%{margin-top: 5px;margin-left: 115px;background-color: seagreen;}
		64%{margin-top: 15px;margin-left: 140px;}
		80%{margin-top: 5px;margin-left: 165px;background-color: blue;}
		100%{margin-top: 15px;margin-left: 190px;}
	}
	/*推荐歌单*/
 #rementuijian{
 	width: 100%;
 	height: 50px;
 	border: 1px solid #42403a;
 	margin: 0 auto;
 	display: flex;
 	border-bottom: 1px solid red;
 	align-items: center;
 }
 #tuijian1{
 	width: 150px;
 	height: 20px;
 	border:0;
 	font-size: 20px;
 	font-weight: bold;
 	color: white;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	float: left;
 }
 #tuijian2{
 	width: 50px;
 	height: 15px;
 	border-right: 1px solid silver;
 	font-size: 15px;
 	color: white;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	float: left;
 }
 #tuijian3{
 	width: 50px;
 	height: 15px;
 	border-right: 1px solid silver;
 	font-size: 15px;
 	color: white;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	float: left;
 }
 #tuijian4{
 	width: 50px;
 	height: 15px;
 	border-right: 1px solid silver;
 	font-size: 15px;
 	color: white;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	float: left;
 }
 #tuijian2:hover{
 	color: #FF0000;
 }
 #tuijian3:hover{
 	color: #FF0000;
 }
 #tuijian4:hover{
 	color: #FF0000;
 }
 #tuijian1:hover{
 	color: #FF0000;
 }
                 /*推荐歌单列表*/
 #tuijianliebiao{
 	width: 90%;
 	height: 390px;
 	border:0;
 	background-color: #;
 	box-shadow: 0px 0px 6px white;  /*边框阴影*/
 	margin: 20px auto ;
 }

 #tuijianwenzi:hover{
	 font-size: 17px;
 	color: red;
 }
 #tuijiankuang1{
 	width: 150px;
 	height: 150px;
  	margin-right: 40px;
 	float: left;
 }
 #tuijiankuang11{
 	width: 150px;
 	height: 150px;
 	
	
 	 	
 	float: left;
 }
 #tuijiankuang2{
 	width: 150px;
 	height: 150px;
  	border-radius: ;
 	margin-top: 45px;
 	margin-right: 40px;
 	float: left;
 }
 #tuijiankuang22{
 	width: 150px;
 	height: 150px;
  	border-radius: ;
 	margin-top: 45px;
 	float: left;
 }
 #tuijiantupian{
 	width: 140px;
 	height: 140px;
 }
 #tuijiantupian img{
	width: 100%;
 	height:100%;
	border-radius: 50%;
 }
 #tuijiantupian img:hover{
 	border: 1px solid red;
	box-shadow: 2px 2px 3px red;  /*边框阴影*/
 }
 #tuijianwenzi{
 	width: 150px;
 	height: 5px;
 	color: white;
 	font-size:15px;
 	margin-top: 9px;
	margin-left:5px ;
 	text-overflow: ellipsis; /*以省略号...显示*/
 	
 	border:1 solid red;
 }
                      /*发光列表*/
 #faguangliebiao{
 	width: 90%;
 	height: 180px;
 	border: 1px solid white;
 	margin: 10px auto;
 	box-shadow: 3px 3px 5px #888888;  /*边框阴影*/
 }
 
 #faguang1 {
 	width: 180px;
 	height: 25px;
 	margin: 8px 20px;
 	border-radius:20px;
 	border:1px solid red;
 	font-size: 15px;
 	color: white;
 	line-height: 25px;	
 	float: left;
 	text-overflow :ellipsis;
 	overflow:hidden;/**超出，隐藏**/
 	animation:faguangliebiao 3s infinite;
 }
 #faguang1:hover{
 	color: red;
 }
 #faguang2 {
 	width: 180px;
 	height: 25px;
 	margin: 8px 20px;
 	border-radius:20px;
 	border:1px solid red;
 	font-size: 15px;
 	color: white;
 	line-height: 25px;	
 	float: left;
 	text-overflow :ellipsis;
 	overflow:hidden;/**超出，隐藏**/
 	animation:faguangliebiao 3s infinite;
 }
 #faguang2:hover{
 	color: red;
 }
 #faguang3 {
 	width: 180px;
 	height: 25px;
 	margin: 8px 20px;
 	border-radius:20px;
 	border:1px solid red;
 	font-size: 15px;
 	color: white;
 	line-height: 25px;	
 	float: left;
 	text-overflow :ellipsis;
 	overflow:hidden;/**超出，隐藏**/
 	animation:faguangliebiao 3s infinite;
 }
 #faguang3:hover{
 	color: red;
 }
 #faguang4 {
 	width: 180px;
 	height: 25px;
 	margin: 8px 20px;
 	border-radius:20px;
 	border:1px solid red;
 	font-size: 15px;
 	color: white;
 	line-height: 25px;	
 	float: left;
 	text-overflow :ellipsis;
 	overflow:hidden;/**超出，隐藏**/
 	animation:faguangliebiao 3s infinite;
 }
 #faguang4:hover{
 	color: red;
 }
 @keyframes faguangliebiao{
 	0%{border:1px solid slateblue;}
 	30%{border:1px solid peachpuff;}
 	60%{border:1px solid greenyellow;}
 }
 #gexinghuatuijian{
 	width: 100%;
 	height: 30px;
 	border:0;
 	margin: 20px auto;
 	display: flex;
 	border-bottom: 1px solid red;
 	align-items: center;
 }
 #zhixiantandongqiu{
 	width: 20px;
 	height:20px;
 	border-radius: 50%;
 	margin-left: 20px;
 	background-color: white;
 	border: 0;
 	box-shadow: 0 0 10px white;
 	animation:tan 6s infinite;
 }
 @keyframes tan{
 	0%{ margin-left: 50px;background-color: white;}
 	50%{margin-left: 750px;background-color: white;}
 	
 }
 /**自动轮播图动画**/
 #aa{
 	width: 90%;
 	height: 200px;
 	border: 1px solid white;
 	margin: 60px auto;
 	box-shadow: 1px 1px 6px red;  /*边框阴影*/
 	overflow: hidden;
 }
 #ab{
 	width: 150px;
 	height: 200px;
 	margin-right: 10px;
 	float: left;
	
 }
 #ac{
 	width: 3000px;
 	animation: switch 15s infinite;
 }
 #ab1{
 	width: 150px;
 	height: 150px;
 	float: left;
 }
 #ab1:hover{
 	border: 3px solid blueviolet;
	box-shadow: 3px 3px 3px bbluevioletlu;
 }
 #ab1 img{
 	width: 100%;
 	height: 100%;
 }
 #ab2{
	
	 height: 20px;
 	font-size: 12px;
 	color: white;
	margin-top: 10px;
	
 }
 #ab2:hover{
 	font-size: 10px;
 	color: white;
 }
 @keyframes  switch{
 	0%{margin-left: 0;}
 	100%{margin-left: -1200px;}
 }
 #banquan{
 	width: 90%;
 	height: 100px;
 	background:url(../img/banquan.jpg);
 	margin: 10px auto;
 	text-align: center;
 	padding: 5px 0 0 0;
 	line-height:22px;
 	font-size:20px;
 	font-weight: bold;
 	color: #bdbdbd;
 }
 
 #big{
 	width:400px;
 	height: 200px;
 	border: 1px solid black;
 	position: fixed;
 	  left: 100px;
 	  top: 650px;
 	display: flex;
 	align-items: flex-end;
 }
 #a1{				
 	width: 100px;
 	height: 200px;
 	background-color: red;				
 	margin-right: 10px;				
 	float: left;
 	animation: a1 1.5s infinite;
 }
 @keyframes a1{
 	0%{height: 200px;}
 	100%{height: 100px;}
 }
 #a2{
 	width: 100px;
 	height: 150px;
 	background-color: green;
 	margin-right: 10px;
 	float: left;
 	animation: a2 1.2s infinite;
 }
 @keyframes a2{
 	0%{height: 150px;}
 	100%{height: 80px;}
 }
 #a3{
 	width: 100px;
 	height: 180px;
 	background-color: blueviolet;
 	margin-right: 10px;
 	float: left;
 	animation: a3 1.7s infinite;
 }
 @keyframes a3{
 	0%{height: 180px;}
 	100%{height: 100px;}
 }
 #a4{
 	width: 100px;
 	height: 210px;
 	background-color: hotpink;
 	margin-right: 10px;
 	float: left;
 	animation: a4 2s infinite;
 }
 @keyframes a4{
 	0%{height: 210px;}
 	100%{height: 100px;}
 }
 #big2{
 	width:400px;
 	height: 200px;
 	border: 1px solid black;
 	position: fixed;
 	  left: 1400px;
 	  top: 650px;
 	display: flex;
 	align-items: flex-end;
 }
 #a11{				
 	width: 100px;
 	height: 200px;
 	background-color: #00ffd8;				
 	margin-right: 10px;				
 	float: left;
 	animation: a11 1.5s infinite;
 }
 @keyframes a11{
 	0%{height: 200px;}
 	100%{height: 100px;}
 }
 #a22{
 	width: 100px;
 	height: 150px;
 	background-color: #9deb87;
 	margin-right: 10px;
 	float: left;
 	animation: a22 1.2s infinite;
 }
 @keyframes a22{
 	0%{height: 150px;}
 	100%{height: 80px;}
 }
 #a33{
 	width: 100px;
 	height: 180px;
 	background-color: #de00f8;
 	margin-right: 10px;
 	float: left;
 	animation: a33 1.7s infinite;
 }
 @keyframes a33{
 	0%{height: 180px;}
 	100%{height: 100px;}
 }
 #a44{
 	width: 100px;
 	height: 210px;
 	background-color: #f675c4;
 	margin-right: 10px;
 	float: left;
 	animation: a44 2s infinite;
 }
 @keyframes a44{
 	0%{height: 210px;}
 	100%{height: 100px;}
 }
 }